<template>
	<view class="page">
		<!-- <v-gap color="#EDF5F5" /> -->
		<view class="group_3">
			<div style="padding: 20rpx;">基础信息</div>
			<text lines="1" class="text_8">项目</text>
			<!-- <view class="item">
				<input type="text" placeholder="请选择培训项目" disabled v-model="userInfo.occupation_relation"
					@click="showoccupation = true" class="atinput" />
			</view>
			<u-picker :show="showoccupation" :columns="occupation_status" keyName="label" @confirm="addoccupation"
				@cancel="showoccupation = false">
			</u-picker> -->
			<view class="item" v-if="status_add == 2">
				<input type="text" placeholder="请选择项目" disabled v-model="userInfo.occupation_jineng"
					@click="showjineng = true" class="atinput" />
			</view>
			<view class="item" v-if="status_add == 1">
				<input type="text" placeholder="请选择项目" disabled v-model="userInfo.occupation_jineng" class="atinput" />
			</view>
			<u-picker :show="showjineng" :columns="jineng_status" keyName="name" @confirm="addjineng"
				@cancel="showjineng = false">
			</u-picker>

			<text lines="1" class="text_8">课程类型</text>
			<view class="item"  v-if="status_add == 2">
				<view class=" week-list">
					<view class="week-item" :class="{'active':item.id === selectId}" v-for="(item,index) in timeList"
						:key="index" @click="timesSelect(item,index)">
						{{item.name}}
					</view>
				</view>
			</view>
			<view class="item"  v-if="status_add == 1">
				<view class=" week-list">
					<view class="week-item" :class="{'active':item.id === selectId}" v-for="(item,index) in timeList"
						:key="index">
						{{item.name}}
					</view>
				</view>
			</view>

			<text lines="1" class="text_8">课程标题</text>
			<view class="item">
				<input type="text" placeholder="请输入标题,最多10字" class="atinput" maxlength="10" v-model="userInfo.course_name"/>
			</view>

			<text lines="1" class="text_8">课程评分</text>
			<view class="item">
				<u-rate :count="count" active-color="#FA3534" inactive-color="#b2b2b2"  v-model="userInfo.course_rate"></u-rate>
			</view>

			<text lines="1" class="text_8">课程副标题</text>
			<view class="item">
				<input type="text" placeholder="请输入课程副标题,28字以内" class="atinput" maxlength="28"  v-model="userInfo.subtitle"/>
			</view>
		</view>
		<view class="group_3" v-if="jicikebao">
			<div style="padding: 20rpx;">定价策略</div>
			<text lines="1" class="text_8">随意充次</text>
			<view class="item">
				<u-switch v-model="userInfo.free_recharge" @change="moneychange" size="20" activeColor="#ec652b"></u-switch>
			</view>
			<view class="" v-if="ifmoney == true">
				<text lines="1" class="text_8">标准单价</text>
				<view class="item">
					<input type="number" placeholder="请输入标准单价(元/次)" class="atinput"  v-model="userInfo.standard_price"/>
				</view>
				<text lines="1" class="text_8">最低单价</text>
				<view class="item">
					<input type="number" placeholder="请输入最低单价(元/次)" class="atinput"  v-model="userInfo.bottom_price"/>
				</view>
			</view>

		</view>
		<view class="group_3">
			<div style="padding: 20rpx;">学员报名限制</div>
			<text lines="1" class="text_8">性别年龄</text>
			<view class="item">
				<u-switch v-model="userInfo.sex_age" @change="onchange" size="20" activeColor="#ec652b"></u-switch>
			</view>
			<view class="" v-if="ifLevel == true">
				<text lines="1" class="text_8">性别</text>
				<view class="item">
					<view class=" week-list">
						<view class="week-item" :class="{'active':index === LevelId}" v-for="(item,index) in LevelList"
							:key="index" @click="LevelSelect(item,index)">
							{{item}}
						</view>
					</view>
				</view>
				<text lines="1" class="text_8">最小年龄</text>
				<view class="item">
					<input type="number" placeholder="请输入最小年龄" class="atinput" maxlength="2" v-model="userInfo.age_start"/>
				</view>
				<text lines="1" class="text_8">最大年龄</text>
				<view class="item">
					<input type="number" placeholder="请输入最大年龄" class="atinput" maxlength="2"  v-model="userInfo.age_end"/>
				</view>
			</view>

			<!-- <view class="item">
				<view class=" week-list flex-wrap">
					<view class="week-item" :class="{'active': weekSelect.includes(item.id)}" v-for="item in weekList"
						:key="item.id" @click="handSelect(item)">
						{{ item.name }}
					</view>
					<view class="week-item active1" @click="selectAllWeeks">
						全选
					</view>
				</view>
			</view> -->
			<!-- <text lines="1" class="text_8">年龄范围</text>
			<view class="item" style="margin-top: 20rpx;">
				<van-slider v-model="value7" range @change="sliChange" bar-height="4px" ref="uToast"
					active-color="#ec652b" />
			</view>
			<text lines="1" class="text_8">技能水平</text>
			<view class="item">
				<view class=" week-list flex-wrap">
					<view class="week-item" :class="{'active': sexSelect.includes(item.id)}" v-for="item in sexList"
						:key="item.id" @click="handsex(item)">
						{{ item.name }}
					</view>
					<view class="week-item active1" @click="selectAllsex">
						全选
					</view>
				</view>
			</view> -->
		</view>
		<view class="group_3">
			<text lines="1" class="text_8">备注说明</text>
			<view class="item">
				<u-textarea v-model="userInfo.content" placeholder="请输入备注说明" maxlength='-1'></u-textarea>
			</view>
		</view>
		<!-- 	<text lines="1" class="text_8">出生日期</text>
			<view class="item">
				<input type="text" placeholder="请输入出生日期" disabled v-model="userInfo.datatime" @click="show = true"
					class="atinput" />
			</view>
			<u-datetime-picker :show="show" v-model="value1" mode="date" @confirm="timelist"
				@cancel="show = false"></u-datetime-picker> -->

		<view class="" style="width: 100%;height: 10vh;">

		</view>
		<view class="d-flex flex-row justify-space-between justify-center align-center"
			style="position: fixed;bottom: 0;height: 120rpx;background-color: #fff;width: 100%;padding: 0 8%;z-index: 99;">
			<view class=""
				style="width: 45%;height: 80rpx;background: #ffffff;color: #ff4040;font-size: 24rpx;text-align: center;border-radius: 35rpx;line-height: 80rpx;border:#ff4040 1rpx solid">
				取消
			</view>
			<view class="" @click="button_3"
				style="width: 45%;height: 80rpx;background: linear-gradient(0deg, rgba(214, 53, 53, 0.9), rgba(255, 64, 64, 0.93), rgba(250, 142, 142, 0.93));color: #ffffff;font-size: 24rpx;text-align: center;border-radius: 35rpx;line-height: 80rpx;">
				保存
			</view>
		</view>
		<!-- <button bindtap="onClick" class="button_3">
			保存
		</button> -->
	</view>
	</view>
</template>

<script>
	const venues = require("@/api/venues/venues.js");
	export default {
		data() {
			return {
				fileList1: [],
				fileList2: [],
				url_phone: '',
				fileList: [], //图片列表
				url_list2: [],
				show: false,
				value1: Number(new Date()),
				showoccupation: false, //职业
				occupation_status: [], //职业
				showjineng: false, //技能等级
				jineng_status: [], //技能等级
				value2: '',
				value4: false,
				occupation_list: [],
				userInfo: {
					occupation_relation: '',
					occupation_relation_id: '',
					occupation_jineng: '',
					occupation_jineng_id: '',
					insurance: '',
					datatime: '',
					course_name: '',  //课程标题
					subtitle: "",  //课程副标题
					course_mode_type: "",  //课程类型
					course_level: "",//课程等级
					enroll_level: "",  //报名等级
					free_recharge: false, //随意充次 1开2关
					open_recharge: 2, 
					sex_age: false, //性别年龄
					age_start: "",  //最小年龄
					age_end: "",  //最大年龄
					content: "",  //备注说明
					course_rate: 0,  //课程评分
					course_pic: "",  //课程图片
					stu_sex: "", //性别
					standard_price: "",  //课时标准单价
					bottom_price: "", //课时最低单价
				},
				weekList: [],
				weekSelect: [], //选中的
				sexList: [],
				sexSelect: [], //选中的
				timeList: [],
				timeSelect: [], //选中的
				selectId: '',
				LevelList: [],
				LevelId: 0,
				value7: [0, 100],
				ifLevel: false,
				ifmoney: false,
				venue_id: '',
				count: 5,
				ratevalue: 0,
				jicikebao: false,
				freerecharge:'',
				sexage:'',
				status_add:'',
				studentlist:{},
				course_mode_type:''
			}
		},
		onLoad(options) {
			this.status_add = options.status
			if (options.status == 1) {
				const selectionArrs = JSON.parse(decodeURIComponent(options.selectionArr))
				this.studentlist = selectionArrs
				this.userInfo = this.studentlist
				this.userInfo.occupation_jineng = this.studentlist.name
				this.userInfo.occupation_jineng_id = this.studentlist.train_program
				this.selectId = this.studentlist.course_mode_type
				this.id = this.studentlist.id
				this.LevelId = this.studentlist.stu_sex
				
				if (this.userInfo.free_recharge == 1) {
					this.ifmoney = true
					this.jicikebao = true
					this.userInfo.free_recharge = true
				}
				if (this.userInfo.sex_age == 1) {
					this.ifLevel = true
					this.userInfo.sex_age = true
				}
			}
			this.venue_id = options.venue_id
			this.shuju()
		},
		methods: {
			async button_3() {
				if (this.userInfo.free_recharge == true) {
					this.freerecharge = 1
				} else{
					this.freerecharge = 2
				}
				if (this.userInfo.sex_age == true) {
					this.sexage = 1
				} else{
					this.sexage = 2
				}
				let that = this
				let params = {
					id: this.id,
					venue_id:this.venue_id,
					train_program: this.userInfo.occupation_jineng_id, //项目
					course_name: this.userInfo.course_name,  //课程标题
					subtitle: this.userInfo.subtitle,  //课程副标题
					course_mode_type: this.course_mode_type,  //课程类型
					course_level: this.userInfo.course_level, //课程等级
					enroll_level: this.userInfo.enroll_level,  //报名等级
					free_recharge: this.freerecharge, //随意充次 1开2关
					open_recharge: 2, 
					sex_age: this.sexage, //性别年龄 1开2关
					age_start: this.userInfo.age_start,  //最小年龄
					age_end:this.userInfo.age_end,  //最大年龄
					content: this.userInfo.content,  //备注说明
					course_rate: this.userInfo.course_rate,  //课程评分
					course_pic: "",  //课程图片
					stu_sex: this.LevelId, //性别
					standard_price: this.userInfo.standard_price,  //课时标准单价
					bottom_price: this.userInfo.bottom_price //课时最低单价
				}
				let res = await venues.trainsave(params)
				if (res.code === 1) {
					uni.$u.toast(res.info)
					setTimeout(() => {
						uni.navigateBack({
							delta: 1 // 返回上一页面，如果页面栈中只有一个页面则该方法不会生效
						});
					}, 1000)
				}else{
					uni.$u.toast(res.info)
				}
			},
			sliChange(value) {
				uni.$u.toast(value.detail)
			},
			timesSelect(item, index) {
				this.selectId = item.id
				this.course_mode_type = item.id
				if (item.id == 1) {
					this.jicikebao = true
				} else {
					this.jicikebao = false
				}
			},
			LevelSelect(item, index) {
				this.userInfo.stu_sex = item
				this.LevelId = index
			},
			// 新增的全选方法
			selectAllWeeks() {
				if (this.weekSelect.length === this.weekList.length) {
					// 如果已全选，则清空选中数组
					this.weekSelect = [];
				} else {
					// 如果未全选，则选中所有项目
					this.weekSelect = this.weekList.map(item => item.id);
				}
			},
			handSelect(item) {
				let data = item.id;
				// 使用indexOf检查是否已选中，避免重复或遗漏
				const index = this.weekSelect.indexOf(data);
				if (index > -1) {
					// 如果已选中，则移除
					this.weekSelect.splice(index, 1);
				} else {
					// 如果未选中，则添加
					this.weekSelect.push(data);
				}
			},
			// 新增的全选方法
			selectAllsex() {
				if (this.sexSelect.length === this.sexList.length) {
					// 如果已全选，则清空选中数组
					this.sexSelect = [];
				} else {
					// 如果未全选，则选中所有项目
					this.sexSelect = this.sexList.map(item => item.id);
				}
			},
			handsex(item) {
				let data = item.id;
				// 使用indexOf检查是否已选中，避免重复或遗漏
				const index = this.sexSelect.indexOf(data);
				if (index > -1) {
					// 如果已选中，则移除
					this.sexSelect.splice(index, 1);
				} else {
					// 如果未选中，则添加
					this.sexSelect.push(data);
				}
			},
			// button_3() {
			// 	uni.navigateTo({
			// 		url: "/page_admin/coach-side/class-home/class-sub/class-add"
			// 	})
			// },
			onchange(e) {
				this.ifLevel = e
				if (e == false) {
					this.userInfo.age_start = ''
					this.userInfo.age_end = ''
					this.LevelId = ''
				}
				
			},
			moneychange(e) {
				this.ifmoney = e
				if (e == false) {
					this.userInfo.standard_price = ''
					this.userInfo.bottom_price = ''
				}
			},
			async shuju() {
				let params = {
					venue_id: this.venue_id
				}
				let res = await venues.coachtrain_conf(params)
				if (res.code === 1) {
					this.projectList = res.data.projectList
					this.timeList = res.data.courseTypeList
					this.LevelList = res.data.stuSexList
					if (this.selectId == '') {
						this.course_mode_type = res.data.courseTypeList[0].id
						this.selectId = res.data.courseTypeList[0].id
					}
				}
				this.jineng_status.push(
					this.projectList
				)
			},
			// 职业
			addoccupation(e) {
				this.userInfo.occupation_relation = e.value[0].label
				this.userInfo.occupation_relation_id = e.value[0].id
				this.showoccupation = false
			},
			addjineng(e) {
				this.userInfo.occupation_jineng = e.value[0].name
				this.userInfo.occupation_jineng_id = e.value[0].id
				this.showjineng = false
			},

			groupChange(n) {
				this.userInfo.insurance = n
			},
			time_list(value) {
				this.show = false
				let date = new Date(value.value);
				//时间戳为10位需*1000，时间戳为13位的话不需乘1000
				let y = date.getFullYear();
				let MM = date.getMonth() + 1;
				MM = MM < 10 ? ('0' + MM) : MM; //月补0
				let d = date.getDate();
				d = d < 10 ? ('0' + d) : d; //天补0
				let h = date.getHours();
				h = h < 10 ? ('0' + h) : h; //小时补0
				let m = date.getMinutes();
				m = m < 10 ? ('0' + m) : m; //分钟补0
				let s = date.getSeconds();
				s = s < 10 ? ('0' + s) : s; //秒补0
				this.userInfo.datatime = y + '-' + MM + '-' + d
				return y + '-' + MM + '-' + d; //年月日
				return y + '-' + MM + '-' + d + ' ' + h + ':' + m + ':' + s; //年月日时分秒
			},
			// 删除图片
			deletePic(event) {
				this[`fileList${event.name}`].splice(event.index, 1)
			},
			// 新增图片
			// 新增图片
			async afterRead(event) {
				// 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式
				let lists = [].concat(event.file)
				let fileListLen = this[`fileList${event.name}`].length
				lists.map((item) => {
					this[`fileList${event.name}`].push({
						...item,
						status: 'uploading',
						message: '上传中'
					})
				})
				for (let i = 0; i < lists.length; i++) {
					const result = await this.uploadFilePromise(lists[i].url)
					let item = this[`fileList${event.name}`][fileListLen]
					this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, {
						status: 'success',
						message: '',
						url: this.url_phone
					}))
					fileListLen++
				}
			},
			uploadFilePromise(url) {
				return new Promise((resolve, reject) => {
					let a = uni.uploadFile({
						url: 'https://sass-test.doit10019.com/api/upload/uploadOneImage', // 仅为示例，非真实的接口地址
						filePath: url,
						name: 'file',
						formData: {
							// user: 'test',
							project_id: getApp().globalData.projectId,
							app_id: this.$https.weixinAppId,

						},
						success: (res) => {
							let result = JSON.parse(res.data);
							this.url_phone = result.data.url
							setTimeout(() => {
								resolve(this.url_phone)
							}, 1000)
						}
					});
				})
			},
			// 删除图片
			deletePic2(event) {
				this.url_list2.splice(event.index, 1)
				this[`fileList${event.name}`].splice(event.index, 1)
			},
			// 新增图片
			async afterRead2(event) {
				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
				let lists = [].concat(event.file)
				let fileListLen = this[`fileList${event.name}`].length
				lists.map((item) => {
					this[`fileList${event.name}`].push({
						...item,
						status: 'uploading',
						message: '上传中'
					})
				})
				for (let i = 0; i < lists.length; i++) {
					const result = await this.uploadFilePromise2(lists[i].url)
					let item = this[`fileList${event.name}`][fileListLen]
					this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, {
						status: 'success',
						message: '',
						url: result
					}))
					fileListLen++
				}
			},
			uploadFilePromise2(url) {
				return new Promise((resolve, reject) => {
					let a = uni.uploadFile({
						url: 'https://tmhyyg.nuaa.edu.cn/api/member.index/bodyCheckImg', // 仅为示例，非真实的接口地址
						filePath: url,
						name: 'file',
						// header: {
						// 	token: uni.getStorageSync("token")
						// },
						// formData: {
						// 	source: '圈子',
						// 	type: 'post'
						// },
						success: (res) => {
							let result = JSON.parse(res.data);
							this.url_list2.push(result.data)
							setTimeout(() => {
								resolve(res.data.data)
							}, 1000)
						}
					});
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.page {
		width: 100%;
		// height: 100vh;
		background-color: #EDF5F5;

		.group_3 {
			background-color: rgba(255, 255, 255, 1.000000);
			width: 710rpx;
			height: 100%;
			display: flex;
			flex-direction: column;
			margin: 20rpx 0 0 20rpx;

			.item {
				// padding: 29rpx 30rpx 30rpx;
				padding: 25rpx 30rpx 20rpx 30rpx;

				.atinput {
					// border: #EBECEE 1rpx solid;
					font-size: 24rpx;
					height: 60rpx;
					width: 600rpx;
					padding-left: 20rpx;
				}

				.item-title {
					color: rgb(153, 153, 153);
					font-size: 28rpx;
					font-weight: 500;
					margin-bottom: 20rpx;
				}

				.value {
					color: rgb(51, 51, 51);
					font-size: 28rpx;
					font-weight: 500;
				}

				.time-cell {
					color: rgb(51, 51, 51);
					font-size: 28rpx;
					font-weight: 500;
					justify-content: flex-start;

					.time {
						width: 49%;

						&:last-of-type {
							margin-left: 20rpx;
						}
					}
				}

				.week-list {
					// display: grid;
					// grid-template-columns: repeat(5, 1fr);
					// grid-gap: 20rpx;
					// position: relative;
					flex-direction: row;
					width: 650rpx;
					font-size: 24rpx;
					flex-wrap: wrap;
					display: flex;

					.week-item {
						padding: 15rpx 0;
						background-color: rgb(243, 243, 243);
						border-radius: 5rpx;
						text-align: center;
						color: rgb(51, 51, 51);
						font-size: 24rpx;
						font-weight: 500;
						border: solid 2rpx transparent;
						box-sizing: border-box;
						padding: 6rpx 12rpx;
						margin-top: 20rpx;
						margin-right: 20rpx;
					}

					.active {
						color: rgba(255, 98, 0, 1);
						background-color: rgba(255, 65, 5, 0.1);
						// border: solid 2rpx rgb(99, 93, 247);
						position: relative;

						// &:before {
						// 	display: block;
						// 	content: '';
						// 	position: absolute;
						// 	width: 27rpx;
						// 	height: 28rpx;
						// 	right: -2rpx;
						// 	bottom: -2rpx;
						// 	background-image: url("https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/46b1cc85fcb0fd76095daf823b7d2bb4a3235519.png");
						// 	background-repeat: no-repeat;
						// 	background-size: 100%;
						// }
					}

					.active1 {
						color: rgb(51, 51, 51);
						background-color: rgb(243, 243, 243);
						position: relative;
					}

					.active2 {
						color: rgba(255, 98, 0, 1);
						background-color: rgba(255, 65, 5, 0.1);
						// border: solid 2rpx rgb(99, 93, 247);
						position: relative;
					}

					.check {
						color: rgb(51, 51, 51);
						font-size: 24rpx;
						position: absolute;
						bottom: 10rpx;
						right: 0;
					}
				}
			}
		}

		.text_2 {
			width: 93rpx;
			height: 23rpx;
			overflow-wrap: break-word;
			color: rgba(136, 136, 136, 1);
			font-size: 24rpx;
			font-family: PingFang-SC-Medium;
			font-weight: 500;
			text-align: left;
			white-space: nowrap;
			line-height: 34rpx;
			margin: 15rpx 0 0 21rpx;
		}

		.section_2 {
			background-color: rgba(229, 229, 229, 1.000000);
			width: 672rpx;
			height: 1rpx;
			display: flex;
			flex-direction: column;
			margin: 40rpx 0 0 18rpx;
		}

		.text_3 {
			width: 47rpx;
			height: 23rpx;
			overflow-wrap: break-word;
			color: rgba(136, 136, 136, 1);
			font-size: 24rpx;
			font-family: PingFang-SC-Medium;
			font-weight: 500;
			text-align: left;
			white-space: nowrap;
			line-height: 34rpx;
			margin: 42rpx 0 0 19rpx;
		}

		.text_4 {
			width: 82rpx;
			height: 26rpx;
			overflow-wrap: break-word;
			color: rgba(51, 51, 51, 1);
			font-size: 28rpx;
			font-family: PingFang-SC-Medium;
			font-weight: 500;
			text-align: left;
			white-space: nowrap;
			line-height: 34rpx;
			margin: 24rpx 0 0 20rpx;
		}

		.section_3 {
			background-color: rgba(229, 229, 229, 1.000000);
			width: 672rpx;
			height: 1rpx;
			display: flex;
			flex-direction: column;
			margin: 40rpx 0 0 18rpx;
		}

		.text_5 {
			width: 47rpx;
			height: 23rpx;
			overflow-wrap: break-word;
			color: rgba(136, 136, 136, 1);
			font-size: 24rpx;
			font-family: PingFang-SC-Medium;
			font-weight: 500;
			text-align: left;
			white-space: nowrap;
			line-height: 34rpx;
			margin: 39rpx 0 0 19rpx;
		}

		.text_6 {
			width: 82rpx;
			height: 26rpx;
			overflow-wrap: break-word;
			color: rgba(51, 51, 51, 1);
			font-size: 28rpx;
			font-family: PingFang-SC-Medium;
			font-weight: 500;
			text-align: left;
			white-space: nowrap;
			line-height: 34rpx;
			margin: 24rpx 0 0 20rpx;
		}

		.section_4 {
			background-color: rgba(229, 229, 229, 1.000000);
			width: 672rpx;
			height: 1rpx;
			display: flex;
			flex-direction: column;
			margin: 40rpx 0 0 18rpx;
		}

		.text_7 {
			width: 95rpx;
			height: 23rpx;
			overflow-wrap: break-word;
			color: rgba(136, 136, 136, 1);
			font-size: 24rpx;
			font-family: PingFang-SC-Medium;
			font-weight: 500;
			text-align: left;
			white-space: nowrap;
			line-height: 34rpx;
			margin: 39rpx 0 0 19rpx;
		}

		.image_2 {
			width: 151rpx;
			height: 151rpx;
			margin: 25rpx 0 0 18rpx;
		}


		.text_8 {
			width: 95rpx;
			height: 23rpx;
			overflow-wrap: break-word;
			color: rgba(136, 136, 136, 1);
			font-size: 24rpx;
			font-family: PingFang-SC-Medium;
			font-weight: 500;
			text-align: left;
			white-space: nowrap;
			line-height: 34rpx;
			margin: 20rpx 0 0 19rpx;
		}

		.section_6 {
			width: 378rpx;
			height: 62rpx;
			flex-direction: row;
			display: flex;
			justify-content: space-between;
			margin: 26rpx 0 27rpx 21rpx;
		}

		.button_1 {
			background-color: rgba(243, 243, 243, 1.000000);
			height: 62rpx;
			display: flex;
			flex-direction: column;
			width: 174rpx;
		}

		.text_9 {
			width: 48rpx;
			height: 24rpx;
			overflow-wrap: break-word;
			color: rgba(51, 51, 51, 1);
			font-size: 24rpx;
			font-family: PingFang-SC-Medium;
			font-weight: 500;
			text-align: left;
			white-space: nowrap;
			line-height: 34rpx;
			margin: 19rpx 0 0 63rpx;
		}

		.button_2 {
			background-color: rgba(255, 65, 5, 0.100000);
			height: 62rpx;
			display: flex;
			flex-direction: column;
			width: 174rpx;
		}

		.text_10 {
			width: 73rpx;
			height: 24rpx;
			overflow-wrap: break-word;
			color: rgba(255, 98, 0, 1);
			font-size: 24rpx;
			font-family: PingFang-SC-Medium;
			font-weight: 500;
			text-align: left;
			white-space: nowrap;
			line-height: 34rpx;
			margin: 19rpx 0 0 51rpx;
		}

		.button_3 {
			width: 90%;
			height: 80rpx;
			position: fixed;
			bottom: 20rpx;
			background: linear-gradient(0deg, rgba(214, 53, 53, 0.9), rgba(255, 64, 64, 0.93), rgba(250, 142, 142, 0.93));
			border-radius: 80rpx 80rpx;
			margin-left: 5%;
			color: #fff;
			font-size: 28rpx;
			z-index: 999;
		}
	}
</style>